/* 全局样式 */
*{margin:0px;padding:0px;}
a{text-decoration:none};
li{list-style:none;}
img{vertical-align:bottom;}

body{
	background:#999;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	/* overflow: hidden; */
}

/* 注册内容样式 */
.register{
	width:1000px;
	margin:0 auto;
}

.register-logo{
	width:226px;
	height:106px;
	float: left;
	background:url("../img/register-logo.png") no-repeat;
	margin:0px 0px 15px 350px;
}

.register-tb{
	text-align:left;
	margin-left:230px;
	color:white;
	font-size:14px;
	border-spacing:10px 20px;
}

.register-tb tr td{
	position: relative;
}

.register-tb tr td:nth-of-type(1){
	width:60px;
	text-align:right;
}


.register-tb tr:nth-of-type(2) td:nth-of-type(2),
.register-tb tr:nth-of-type(3) td:nth-of-type(2){
	width:500px;
}

[type="text"],[type="password"],.register_btn{
	width:260px;
	height:50px;
	padding-left:20px;
	line-height:50px;
	background:#cbcbcb;
	outline:none;
	border:none;
	margin-left:10px;
	color: white;
	font-size: 16px;
}

[type="text"]::placeholder,[type="password"]::placeholder{
	color: #eee;
	font-weight: 600;
	font-size: 12px;
}

.phone-td{
	border:1px solid transparent;
}

.username-msg,.code-msg,.password-msg,.confirm-msg{
	font-size: 12px;
	color: red;
	position:absolute;
	left:10px;
	top:52px;
	display: none;
}

.register-pact>td>a{
	color:#0c79cc;
	font-size:12px;
}

.register-tb .register-pact>td:nth-of-type(2){
	height:20px;
	padding-left: 10px;
}

.captcha-td{
	width:215px;
}

.register-captcha>td:nth-of-type(2){
	display: flex;
}

.register-captcha>td>div:nth-of-type(1){
	width:64px;
	height:28px;
	border:1px solid #333;
	background:url(../img/code_bg.jpeg);
	margin:10px 0px 0px 10px;
	display:flex;
	justify-content: space-evenly;
}



.register-captcha>td .code-btn{
	font-size:11px;
	color: white;
	margin: 10px;
}

.register-captcha>td .code-btn:hover{
	text-decoration: underline;
}

.register-create_password>td:nth-of-type(2){
	display:flex;
}

.password-content{
	display: flex;
	align-items: center;
}

.create_password-td{
	margin-right:40px;
}

.pwd-strength{
	width:124px;
	height:10px;
	display:flex;
	border: 1px solid #888;
	background-color: white;
}

.pwd-strength>span{
	flex: 1;
	background-color: white;
	position: relative;
	display: flex;
	justify-content: center;
}

.pwd-strength>span::after{
	content: '弱';
	position:absolute;
	top:10px;
	font-size: 12px;
	color: #333;
}

.pwd-strength>span:nth-of-type(1){
	background-color: #fff;
}

.pwd-strength>span:nth-of-type(2){
	background-color: #fff;
}

.pwd-strength>span:nth-of-type(2)::after{
	content: '中';
}

.pwd-strength>span:nth-of-type(3){
	background-color: #fff;
}

.pwd-strength>span:nth-of-type(3)::after{
	content: '强';
}

.register-content{
	width:300px;
	height:50px;
	margin-left: 310px;
}

.register-content>input{
	width:280px;
	background:#25292e;
	color:white;
	padding-left:20px;
	font-size:18px;
	font-weight:bold;
}

.login-icon{
	width:300px;
	height:40px;
	margin:10px 0px 0px 315px;
	line-height:40px;
	font-size:14px;
	display:flex;
	padding-right: 125px;
}

.login-icon>span{
	width:40px;
}

.login-icon>span:nth-of-type(1){
	transition:0.5s;
	cursor:pointer;
	opacity:1;
}

.login-icon>span:nth-of-type(1):hover{
	opacity:0.7;
}

.login-icon>span:nth-of-type(2){
	transition:0.5s;
	cursor:pointer;
	opacity:1;
}

.login-icon>span:nth-of-type(2):hover{
	opacity:0.7;
}

.login-icon>span:nth-of-type(3){
	transition:0.5s;
	cursor:pointer;
	opacity:1;
}

.login-icon>span:nth-of-type(3):hover{
	opacity:0.7;
}

.login-icon>span:nth-of-type(4){
	transition:0.5s;
	cursor:pointer;
	opacity:1;
}

.login-icon>span:nth-of-type(4):hover{
	opacity:0.7;
}

.login-icon>a{
	color:white;
	margin-left:68px;
	margin-top:10px;
	font-weight:bold;
	height:28px;
	padding-bottom:3px;
	border-bottom:1px solid white;
}